<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>驴游网</title>
    <meta name="keywords" content="驴游网">
    <meta name="description" content="驴游网">
    <link type="text/css" href="../user/css/min.css" rel="stylesheet">
    <link type="text/css" href="css/min_1.css" rel="stylesheet">

    <script type="text/javascript" src="js/min_2.js"></script>
    <script type="text/javascript" src="js/min_1.js"></script>

    <!-- bootstorp 引入所需css js -->
    <link rel="stylesheet" href="js/bootstrap/bootstrap3/css/bootstrap.css">
    <link rel="stylesheet" href="js/bootstrap/bootstrap3/css/bootstrap-theme.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap/bootstrap3/js/bootstrap.js"></script>
    <link rel="stylesheet" href="js/bootstrap/bootstrap-treeview/bootstrap-treeview.min.css">
    <script type="text/javascript" src="js/bootstrap/bootstrap-treeview/bootstrap-treeview.min.js"></script>
    <link rel="stylesheet" href="js/bootstrap/bootStrap-addTabs/bootstrap.addtabs.css">
    <script type="text/javascript" src="js/bootstrap/bootStrap-addTabs/bootstrap.addtabs.min.js"></script>
    <link rel="stylesheet" href="js/bootstrap/bootstrap-table/bootstrap-table.css">
    <script type="text/javascript" src="js/bootstrap/bootstrap-table/bootstrap-table.js"></script>
    <script type="text/javascript" src="js/bootstrap/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
    <script type="text/javascript" src="js/bootstrap/bootstrap-bootbox/bootbox.js"></script>
    <link rel="stylesheet" href="js/bootstrap/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css"></link>
    <script type="text/javascript" src="js/bootstrap/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
    <script type="text/javascript" src="js/bootstrap/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <link rel="stylesheet" href="js/bootstrap/bootstrap-fileinput/css/fileinput.css"></link>
    <script type="text/javascript" src="js/bootstrap/bootstrap-fileinput/js/fileinput.js"></script>
    <script type="text/javascript" src="js/bootstrap/bootstrap-fileinput/js/locales/zh.js"></script>
    <link rel="stylesheet" href="js/bootstrap/bootstrap-switch-master/dist/css/bootstrap3/bootstrap-switch.css"></link>
    <link rel="stylesheet" href="js/bootstrap.min.css">
    <link href="js/app.css" rel="stylesheet">

</head>
<script type="text/javascript" src="https://bots.4paradigm.com/web/assets/ics-web-sdk-js.js"></script>
<script type="text/javascript">
    IcsWebSdkJs.init('https://bots.4paradigm.com/web/chat/29605/4fabb5dd-4f04-42d6-a31f-706387ca1479')
</script>
<style>
    #tanqi {float:left}
</style>
<body>
<link type="text/css" href="css/min_3.css" rel="stylesheet">
<link type="text/css" href="css/min_2.css" rel="stylesheet">
<script type="text/javascript" src="js/min.js"></script>
<div class="header-top-bar">
    <div class="wm-1200">
        <!--logo-->
        <div class="header-logo" style="width: 130px;height: 70px";>
            <img src="/zhuye/images/前台logo.png" alt="驴游网" style="width: 125px;height: 60px">
        </div>
        <div style="width: 160px;height: 80px"; id="tanqi">
            <!--天气-->
            <iframe allowtransparency="true" frameborder="0" width="150px" height="70px" scrolling="no" src="//tianqi.2345.com/plugin/widget/index.htm?s=2&z=1&t=0&v=0&d=1&bd=0&k=000000&f=000000&ltf=009944&htf=cc0000&q=1&e=1&a=1&c=54511&w=195&h=96&align=center"></iframe>
        </div>
        <div class="header-msg-bar">

            <!--登录前-->
            <div class="login-before"></div>
            <!--登录后-->
            <div class="login-after"></div>
            <!--客服电话-->
            <div class="header-contact"><i class="icon"></i>客服电话：176-9625-2890</div>
        </div>
    </div>
</div>
<!-- 顶部栏 -->
<!--<div class="header-nav">
    <div class="wm-1200">
        <ul class="header-menu clearfix">
            <li><a class="active" href="http://127.0.0.1:8085">首页</a></li>
            <li class="nav_header_1"><a href="nav/line/line.html" class>线路</a></li>
            <li class="nav_header_12"><a href="nav/destination/destination.html" class>目的地</a></li>
            <li class="nav_header_2"><a href="nav/hotel/hotel.html" class>酒店</a></li>
            <li class="nav_header_3"><a href="nav/car/car.html" class>租车</a></li>
            <li class="nav_header_5"><a href="nav/spots/spots.html" class>景点</a></li>
            <li class="nav_header_4"><a href="nav/raiders/raiders.html" class>攻略</a></li>
            <li class="nav_header_8"><a href="nav/visa/visa.html" class>签证</a></li>
            <li class="nav_header_101"><a href="nav/notes/notes.html" class>游记</a></li>
            <li class="nav_header_18"><a href="nav/techan/techan.html" class>特产</a></li>
            <li class="nav_header_106"><a href="nav/guide/guide.html" class>导游</a></li>
        </ul>
    </div>
</div>-->
<script>
    var SITEURL = "/";
    $(function(){
//导航的选中状态
        $(".header-menu a").each(function(){

            var url = window.location.href;
            console.log(url);
            url = url.replace('index.php','');
            url = url.replace('index.html','');
            var ulink = $(this).attr("href");

            if(url == ulink)
            {
                $('.header-menu a').removeClass('active');
                $(this).addClass('active');
            }
        });
//选中导航
        var str = "0";
        if(str!=''){
            if(str!=0){
                $('.header-menu a').removeClass('active');
            }
            $('.nav_header_'+str).find('a').addClass('active');
        }

        //登陆状态
        $.ajax({
            type:"POST",
            async:false,
            url:"http://127.0.0.1:8085/clent/loggedIn",
            dataType:'json',
            contentType: "application/json",
            success:function(data){
                var html = '';
                if(data.data != null){
                    html += '您好，欢迎 '+'<a href="http://127.0.0.1:8085/nav/user/Users.html" class="name">'+data.data.cusnumber+'</a>';
                    html += '<a href="http://127.0.0.1:8085/logout" class="out">退出</a>';
                    $(".login-after").html(html);
                }else{
                    html += '<a href="http://127.0.0.1:8085/nav/login/index.html" class="item">登录</a>';
                    html += '<a href="http://127.0.0.1:8085/nav/register/index.html" class="item">免费注册</a>';
                    $(".login-before").html(html);
                }
            }
        });
        //search
        $('.search-btn').click(function(){
            var keyword = $.trim($('.search-text').val());
            if(keyword == ''){
                keyword = $('.search-text').attr('placeholder');
                if(keyword=='')
                {
                    $('.search-text').focus();
                    return false;
                }
            }
            var url = SITEURL+'search/cloudsearch?keyword='+encodeURIComponent(keyword);
            location.href = url;
        });
    })
</script>

<!-- bootstorp树型菜单展示  -->
    <div class="header-nav">
        <div class="wm-1200">
            <ul class="header-menu clearfix">
                <li><a class="active" href="http://127.0.0.1:8085">首页</a></li>
                <li class="nav_header_1"><a href="../line/line.html" class>线路</a></li>
                <li class="nav_header_12"><a href="../destination/destination.html" class>目的地</a></li>
                <li class="nav_header_2"><a href="../hotel/hotel.html" class>酒店</a></li>
                <li class="nav_header_3"><a href="../car/car.html" class>租车</a></li>
                <li class="nav_header_5"><a href="../spots/spots.html" class>景点</a></li>
                <li class="nav_header_4"><a href="../raiders/raiders.html" class>攻略</a></li>
                <li class="nav_header_8"><a href="../visa/visa.html" class>签证</a></li>
                <li class="nav_header_101"><a href="../notes/notes.html" class>游记</a></li>
                <li class="nav_header_18"><a href="../techan/techan.html" class>特产</a></li>
                <li class="nav_header_106"><a href="../guide/guide.html" class>导游</a></li>
            </ul>
        </div>
    </div>
<div class="container-fluid" id="ziti" style="width: 95.5%;height: 650px">
    <div class="row">
        <div class="col-md-3">
            <!-- 创建一个树的容器 -->
            <div id="myTree"></div>
        </div>
        <div class="col-md-9">
            <div id="myTabs">
                <!-- 新选项卡 -->
                <ul class="nav nav-tabs" id="tablist">
                    <li role="presentation" class="active">
                        <a href="#home" role="tab" data-toggle="tab">会员首页</a>
                    </li>
                </ul>
                <!-- 选项卡下内容 -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="home">欢迎光临</div>
                </div>
            </div>
        </div>
    </div>
</div>
<style type="text/css">
    #ziti{
        font-size: 16px;
    }
</style>
<!-- bootstorp的javascript代码 -->
<script type="text/javascript">
    $(function(){
        $.addtabs({iframeHeight: 850});
        initTree();
        initImg();
    })
    function initTree(){
        $('#myTree').treeview({
            data:[
                {
                    "id": 0,
                    "selectable": false,
                    "text": "驴游网中心",
                    "nodes": [
                        {
                            "id": 1,
                            "selectable": true,
                            "text": "会员中心",
                            "href": "http://127.0.0.1:8085/nav/user/member.html",
                        },
                        {
                            "id": 2,
                            "nodes": [
                                {
                                    "href": "http://127.0.0.1:8085/nav/user/unpaid.html",
                                    "id": 40,
                                    "selectable": true,
                                    "text": "未付款订单"
                                },
                                {
                                    "href": "http://127.0.0.1:8085/nav/user/paid.html",
                                    "id": 41,
                                    "selectable": true,
                                    "text": "已付款订单"
                                },
                            ],
                            "selectable": false,
                            "text": "我的订单",
                        },
                        {
                            "id": 3,
                            "selectable": true,
                            "text": "修改密码",
                            "href": "http://127.0.0.1:8085/nav/user/changepassword.html",
                        },
                        {
                            "id": 4,
                            "selectable": true,
                            "text": "修改头像",
                            "href": "http://127.0.0.1:8085/nav/user/changeavatar.html",
                        },
                        {
                            "id": 5,
                            "selectable": true,
                            "text": "发表的游记",
                            "href": "http://127.0.0.1:8085/nav/user/publishtravelnotes.html",
                        }
                    ]
                }
            ],
            onNodeSelected:function(event, node) {
                $.addtabs.add({
                    id:node.id,
                    title:node.text,
                    url:node.href
                });
            }
        })
    }

    //显示头像
    //图片显示
    function initImg(url){
        $('#cuspicture').fileinput({
            initialPreview:url,
            <!--  图片上传添加属性  -->
            //初始化图片配置：
            initialPreviewConfig: [
                {key: 1, showDelete: false}
            ],
            //是否初始化图片显示
            initialPreviewAsData: true,
            language: 'zh', //设置语言
            uploadUrl: '/personal/updatePersonalImg', //上传的地址
            allowedFileExtensions: ['jpg', 'gif', 'png'],//接收的文件后缀
            showUpload: true, //是否显示上传按钮
            showCaption: false,//是否显示标题
            browseClass: "btn btn-primary", //按钮样式
            //dropZoneEnabled: false,//是否显示拖拽区域
            //minImageWidth: 50, //图片的最小宽度
            //minImageHeight: 50,//图片的最小高度
            //maxImageWidth: 1000,//图片的最大宽度
            //maxImageHeight: 1000,//图片的最大高度
            //maxFileSize: 0,//单位为kb，如果为0表示不限制文件大小
            //minFileCount: 0,
            maxFileCount: 2, //表示允许同时上传的最大文件个数
            enctype: 'multipart/form-data', //content-type
            validateInitialCount:true,
            previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
            msgFilesTooMany: "选择上传的文件数量({n}) 超过允许的最大数值{m}！",
        }).on('fileuploaded', function(event, data, previewId, index) {
            //                                 http://localhost:8080/
            //单个图片上传  (获取tomcat的路径)   window.document.location.href
            var    imgval = data.response.responseText;
            $('#testimg').val(imgval);
        });
    }
</script>

<!-- 私人定制模块 -->
<div class="clear"></div>
<div class="personal-tailor" style=" background: url( /zhuye/images/f59337e5c2a3419f83e649f2eea75f3f_1920x350.jpeg) center no-repeat;">
    <div class="info">
        <h4 class="tit">私人定制出行</h4>
        <div class="txt"></div>
        <a href="/customize" class="btn">立即咨询定制</a>
    </div>
</div>

<!-- 帮助 -->
<link type="text/css" href=" /zhuye/css/min_4.css" rel="stylesheet">
<div class="st-help clear">
    <div class="wm-1200">
        <div class="help-lsit clearfix">
            <dl>
                <dt><a href="https://www.situcms.com/help/index_16.html">参团信息</a></dt>
                <dd>
                    <a href="https://www.situcms.com/help/show_7.html" target="_blank" rel="nofollow">确定参团人数</a>
                    <a href="https://www.situcms.com/help/show_1.html" target="_blank" rel="nofollow">什么是独立团</a>

                </dd>
            </dl>
            <dl>
                <dt><a href="https://www.situcms.com/help/index_17.html">支付定金</a></dt>
                <dd>
                    <a href="https://www.situcms.com/help/show_4.html" target="_blank" rel="nofollow">旅游为什么要支付定金</a>
                    <a href="https://www.situcms.com/help/show_3.html" target="_blank" rel="nofollow">游客如何支付定金</a>

                </dd>
            </dl>
            <dl>
                <dt><a href="https://www.situcms.com/help/index_18.html">签订旅游合同</a></dt>
                <dd>
                    <a href="https://www.situcms.com/help/show_6.html" target="_blank" rel="nofollow">是正规旅游合同吗？</a>
                    <a href="https://www.situcms.com/help/show_5.html" target="_blank" rel="nofollow">传真能签合同吗？</a>

                </dd>
            </dl>
            <dl>
                <dt><a href="https://www.situcms.com/help/index_19.html">正式出团</a></dt>
                <dd>
                    <a href="https://www.situcms.com/help/show_8.html" target="_blank" rel="nofollow">接客正式出团</a>
                    <a href="https://www.situcms.com/help/show_2.html" target="_blank" rel="nofollow">什么是纯玩团？</a>

                </dd>
            </dl>
            <dl>
                <dt><a href="https://www.situcms.com/help/index_20.html">电话回访</a></dt>
                <dd>
                    <a href="https://www.situcms.com/help/show_10.html" target="_blank" rel="nofollow">信件回访</a>
                    <a href="https://www.situcms.com/help/show_9.html" target="_blank" rel="nofollow">电话回访</a>

                </dd>
            </dl>
        </div>
    </div>
</div>

<!--底部导航-->
<div class="st-footer clear">
    <div class="wm-1200">
        <div class="st-foot-menu">
            <a href="https://www.situcms.com/servers/index_1.html" target="_blank" rel="nofollow">关于我们</a>
            <a href="https://www.situcms.com/servers/index_2.html" target="_blank" rel="nofollow">联系我们</a>
            <a href="https://www.situcms.com/servers/index_8.html" target="_blank" rel="nofollow">我们的优势</a>
            <a href="https://www.situcms.com/servers/index_4.html" target="_blank" rel="nofollow">支付方式</a>
            <a href="https://www.situcms.com/servers/index_7.html" target="_blank" rel="nofollow">法律声明</a>

        </div>


        <!--网站底部介绍-->
        <div class="st-foot-edit">
            <p></p><p><img src=" /zhuye/images/arcimgs59811402466888.jpeg" title="2.jpg" alt style="float: none;"></p><br><a href="http://beian.miit.gov.cn/" target="_blank">陕ICP备08009168号-10</a>
            <p>​<br>版权所有：陕西lv智旅软件有限公司</p><p></p>
            <br>
            <img src="https://www.situcms.com/Templets_NO297/images/pic/footer.png" alt>
        </div>

    </div>
</div>
<!-- 底部编辑 -->
<script src=" /zhuye/js/qqkefu.js"></script>
<div class="st-link clear">
    <div class="wm-1200">
        <div class="st-link-list clearfix">
            <strong>友情链接：</strong>
            <div class="child">
                <a href="http://www.stourweb.com" target="_blank">lv智旅</a>
                <a href="http://www.aiketour.com" target="_blank">爱客纯玩游</a>
                <a href="http://www.lvyouxiehui.com" target="_blank">陕西旅游电子商务协会</a>
                <a href="http://www.stourweb.com" target="_blank">旅游网站建设</a>
                <a href="http://www.xxcz.cn" target="_blank">西行川藏</a>
            </div>
        </div>
    </div>
</div>

<!-- 友情链接 -->
<script>

    $(function(){
        //轮播图
        var BannerSwiper = new Swiper ('.st-banner-container', {
            autoplay:5000,
            pagination: '.swiper-pagination',
            paginationClickable: true,
            prevButton:'.swiper-button-prev',
            nextButton:'.swiper-button-next',
            observer:true,
            observeParents:true,
            autoplayDisableOnInteraction : false
        });
        //鼠标移入移除事件
        $('.destination-list .item').mouseover(function(){
            $(this).find('.txt').css('max-height','80px').slideDown("slow");
        });
        $('.destination-list .item').mouseout(function(){
            $(this).find('.txt').css('max-height','40px').slideDown("slow");
        });
        //分页切换
        $(document).on('mouseover mouseout','.swiper-pagination-bullet',function(event) {
            if(event.type == 'mouseover'){
                $(this).click()
            }
            else if(event.type == 'mouseout'){
                BannerSwiper.startAutoplay()
            }
        })
    });
</script>
</body>
</html>